.quesResUl+button{width:150px;height:40px;line-height:40px;background-color:#073190;color:#fff;text-align:center;font-weight:700;border-radius:22px;margin-top:30px;cursor:pointer;display:none;box-sizing:border-box;border:none}
.questionCon circle{animation:none}
.choosePanel .questionCon .circle1 circle{stroke-dashoffset:0}
.choosePanel .questionCon .circle2 circle{stroke-dashoffset:660}
.choosePanel .questionCon .circle3 circle{stroke-dashoffset:880}
.choosePanel .questionCon .circle4 circle{stroke-dashoffset:990}
.choosePanel .questionCon .circle5 circle{stroke-dashoffset:1056}
.choosePanel .questionCon .circle6 circle{stroke-dashoffset:1100}
.choosePanel .questionCon .circle7 circle{stroke-dashoffset:1134}
.questionCon .q1.active circle{-webkit-animation:svgCircle2 .4s linear forwards;animation:svgCircle2 .4s linear forwards}
.questionCon .q2.active circle{-webkit-animation:svgCircle2 .4s linear forwards;animation:svgCircle2 .4s linear forwards}
.questionCon .q3.active circle{-webkit-animation:svgCircle5 .4s linear forwards;animation:svgCircle5 .4s linear forwards}
.questionCon .q4.active circle{-webkit-animation:svgCircle3 .4s linear forwards;animation:svgCircle3 .4s linear forwards}
.questionCon .q5.active circle{-webkit-animation:svgCircle1 .4s linear forwards;animation:svgCircle1 .4s linear forwards}
.gn-box{display:block;width:100%;height:600px;position:relative;display:none}
.gn-box:nth-child(-n+2){height:auto}
.gn-box.active{display:block}
.gn-box img{display:block;width:auto;height:auto;margin-top:30px}
.gn-box h2{font-size:24px;color:#c6092d;font-weight:700;position:absolute;top:40%;left:35%}
.gn-box:nth-child(2) h2{left:21.5%}
.gn-box .gn-seclect{position:absolute;width:45%;height:45px;top:50%;left:24%;box-sizing:border-box;cursor:pointer}
.gn-box:nth-child(2) .gn-seclect{left:19%}
.gn-box .gn-seclect span{display:block;width:100%;height:100%;padding-left:10px;box-sizing:border-box;border:1px solid #d6d6d6;border-radius:3px;background-color:#fff;line-height:43px;position:relative}
.gn-box .gn-seclect b{position:absolute;right:10px;transition:all .4s ease}
.gn-box .gn-seclect.open b{transform:rotateX(180deg)}
.gn-box .gn-seclect ul{max-height:172px;overflow:auto;border:1px solid #d6d6d6;border-top:none;display:none}
.gn-box .gn-seclect.open ul{display:block}
.gn-box .gn-seclect li{line-height:43px;background-color:#fff;padding-left:10px;transition:all .4s ease}
.gn-box .gn-seclect li:hover{background-color:#f2f2f2}
.gn-box .gn-seclect li:first-child{border-top:none}
.gn-box p{width:45%;position:absolute;top:70%;left:24.5%}
.gn-box:nth-child(2) p{left:19.5%}
.gn-box g{cursor:pointer}
.gn-box circle{fill:none;stroke-width:140;stroke-dasharray:1320;stroke-dashoffset:1320;stroke:#eee}
.gn-box g:hover circle{stroke:#c6092d}
.gn-box text{opacity:1;fill:#333;transition:fill .4s ease;font-size:16px;font-weight:700}
.gn-box text.spanTxt{display:none}
.gn-box g:hover text{fill:#fff}
.gn-box text.titleTxt{font-size:24px;fill:#c6092d;text-align:center}
.gn-box .gn-title{font-size:12px}
.gn-box.active .circle5 circle{-webkit-animation:svgCircle5 .4s linear forwards;animation:svgCircle5 .4s linear forwards}
.gn-box.active .circle3 circle{-webkit-animation:svgCircle3 .4s linear forwards;animation:svgCircle3 .4s linear forwards}
.gn-box.gn-choose3 svg,.gn-box.gn-choose4 svg,.gn-box.gn-choose7 svg{display:none}
.gn-box.gn-choose3 svg:first-child,.gn-box.gn-choose4 svg:first-child,.gn-box.gn-choose7 svg:first-child{display:block}
.gn-box.active .circle6 circle{-webkit-animation:svgCircle6 .4s linear forwards;animation:svgCircle6 .4s linear forwards}
.gn-box.active .circle7 circle{-webkit-animation:svgCircle7 .4s linear forwards;animation:svgCircle7 .4s linear forwards}
@media screen and (max-width:1200px){.gn-box img{display:block;width:100%;height:auto}
.gn-box h2,.gn-box:nth-child(2) h2{left:0;width:100%;text-align:center}
.gn-box .gn-seclect,.gn-box p,.gn-box:nth-child(2) .gn-seclect,.gn-box:nth-child(2) p{left:27.5%}
.gn-box p{font-size:12px;text-align:justify}
}
@media screen and (max-width:767px){.choosePanel .quesCon,.gn-box{height:auto}
}
@media screen and (max-width:767px){.gn-box h2{font-size:16px}
.gn-box .gn-seclect{font-size:12px;height:30px;top:55%}
.gn-box .gn-seclect b{right:5px}
.gn-box .gn-seclect li,.gn-box .gn-seclect span{line-height:28px;padding-left:5px}
.quesResUl+button{font-size:13px;padding:0 30px;background:#c6092d;height:40px;line-height:40px;box-sizing:border-box;width:auto;font-weight:700}
}
@media screen and (max-width:414px){.gn-box text.titleTxt{font-size:26px}
.gn-box .gn-title{font-size:14px}
}
@-webkit-keyframes svgCircle1{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:0}
}
@-ms-keyframes svgCircle1{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:0}
}
@keyframes svgCircle1{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:0}
}
@-webkit-keyframes svgCircle2{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:660}
}
@keyframes svgCircle2{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:660}
}
@-webkit-keyframes svgCircle3{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:880}
}
@keyframes svgCircle3{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:880}
}
@-webkit-keyframes svgCircle4{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:990}
}
@keyframes svgCircle4{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:990}
}
@-webkit-keyframes svgCircle5{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:1056}
}
@keyframes svgCircle5{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:1056}
}
@-webkit-keyframes svgCircle6{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:1100}
}
@keyframes svgCircle6{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:1100}
}
@-webkit-keyframes svgCircle7{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:1134}
}
@keyframes svgCircle7{0%{stroke-dashoffset:1320}
100%{stroke-dashoffset:1134}
}